<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="../stylesheets/swiper-3.4.0.min.css">
	<link rel="stylesheet" type="text/css" href="../stylesheets/homepage.css">
	
	<script type="text/javascript" src="../javascripts/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../javascripts/swiper-3.4.0.min.js"></script>
</head>
<body>
	<!-- 头部搜索 -->
	<div id="search">
		<h1>
			<a href="#"></a>
		</h1>
		<div id="scDiv">
			<input type="text" placeholder="搜索国家、城市、产品" id="scInp">
			<button id="scBtn">搜索</button>
		</div>
		<a href="#" id="app" class="app1">
			<p>APP</p>
		</a>
	</div>
	<!-- 导航栏 -->
	<ul id="nav">
		<li><a>首页</a></li>
		<li><a>机酒自由行</a></li>
		<li class="cityPlay"><a>城市玩乐</a>
			<img src="../images/wanletag.gif">
			<span></span>
		</li>
		<li><a>签证</a></li>
		<li><a>租车</a></li>
		<li><a>邮轮</a></li>
		<li><a>海岛游</a></li>
		<li><a>限时特卖</a></li>
		<li><a>特色线路</a></li>
		<li><a href="/cityWalk">CityWalk</a></li>
	</ul>
	<!-- 轮播图加菜单栏 -->
	<div id="swiper">
		<div class="swiper-container">
  			<div class="swiper-wrapper">
    			<div class="swiper-slide"></div>
   				<div class="swiper-slide"></div>
   				<div class="swiper-slide"></div>
   				<div class="swiper-slide"></div>
  			</div>
  			<div class="swiper-pagination"></div>
  			<div class="swiper-button-prev"></div>
  			<div class="swiper-button-next"></div>
  			
		</div>
		<div id="menu">
			<ul id="menuUl"></ul>
			<div id="menuDiv">
				<div id="left"></div>
				<div id="right"></div>
			</div>
		</div>
	</div>
	<!-- 广告条 -->
	<div id="banner">
		<img src="../images/banner1.jpg">
		<img src="../images/banner2.jpg">
		<img src="../images/banner3.jpg">
		<img src="../images/banner4.jpg">
	</div>
	<!-- 限时特卖 -->
	<div id="specialSale">
		<div id="specialDiv">
			<h3>限时特卖</h3>
			<p>每日必看的特价精选</p>
			<a href="#">换一换</a>
		</div>
		<ul id="specialUl">
			<li>
				<img src="../images/120 (10).jpg">
				<div class="dsc">
					<h4>【元旦/圣诞/春节预售】香港/天津/北京/成都出发...</h4>
					<p>2299<span>元起</span></p>
				</div>
			</li>
			<li>
				<img src="../images/120.jpg">
				<div class="dsc">
					<h4>广州直飞曼谷6-8天往返含税机票(赠目的地管家服务)</h4>
					<p>299<span>元起</span></p>
				</div>
			</li>
			<li>
				<img src="../images/120 (1).jpg">
				<div class="dsc">
					<h4>上海至长白山5天3晚自由行(含滑雪场门票,可选五...</h4>
					<p>3899<span>元起</span></p>
				</div>
			</li>
		</ul>
	</div>

	<!-- 机酒自由行 -->
	<div id="freeWalk">
		<div class="mainTop">
			<h3 class="allH">机酒自由行</h3>
			<p class="allP">精选全球最优质机票、酒店、邮轮等旅行产品</p>
		</div>
		<ul class="mainBottom"></ul>
	</div>
	<!-- 古城玩乐 -->
	<div id="oldCity">
		<div id="cityBox">
			<div id="cityTop">
				<h3 class="allH">古城玩乐</h3>
				<p class="allP">像当地人一样,体验最本土的吃喝玩乐</p>
				<div id="cityCountry">
					<a href="#" class="active">日本</a>
					<a href="#">泰国</a>
					<a href="#">港澳台</a>
					<a href="#">新西兰</a>
					<a href="#">澳大利亚</a>
					<a href="#">美国</a>
					<a href="#">WIFI/电话卡</a>
				</div>
			</div>
			<ul id="cityBottom">
				<li>
					<a href="#">
						<img src="../images/420x280.jpg">
					</a>
					<div class="universal">
						<h3>【官方授权】日本大阪环球影城入园实体票/电子票(实体包邮)</h3>
						<p>城市玩乐</p><span><em>480</em>元起</span>
					</div>
				</li>
				<li class="disney">
					<a href="#">
						<img src="../images/120 (3).jpg">
					</a>
					<h3>日本冲绳乐游5处/12处通票</h3>
					<span><em>215</em>元起</span>
				</li>
				<li class="disney">
					<a href="#">
						<img src="../images/120 (4).jpg">
					</a>
					<h3>日本箱根周游券(2日票/3日票)</h3>
					<span><em>367</em>元起</span>
				</li>
				<li class="disney">
					<a href="#">
						<img src="../images/120 (5).jpg">
					</a>
					<h3>日本大阪周游卡OSAKA AMAZINGPASS(1日/2日..</h3>
					<span><em>159</em>元起</span>
				</li>
				<li>
					<p class="oldP">查看更多<br/>城市玩乐产品</p>
					<span class="oldSpan"></span>
					<a href="#" class="oldA">WIFI/电话卡</a>&nbsp;&nbsp;|
					<a href="#" class="oldA">交通票卷</a>&nbsp;&nbsp;|
					<a href="#" class="oldA">景点门票</a>&nbsp;&nbsp;|
					<a href="#" class="oldA">特色体验</a>&nbsp;&nbsp;
				</li>
				<li class="disney">
					<a href="#">
						<img src="../images/120 (6).jpg">
					</a>
					<h3>日本东京迪士尼乐园/迪士尼海洋多日通票(电子票)</h3>
					<span><em>924</em>元起</span>
				</li>
				<li class="disney">
					<a href="#">
						<img src="../images/120 (7).jpg">
					</a>
					<h3>日本关西周游卡KANSA ITHRU PASS(2日券/3日券)</h3>
					<span><em>279</em>元起</span>
				</li>
			</ul>
		</div>
	</div>
	<!-- 主题推荐 -->
	<div id="theme">
		<div id="themeTop">
			<h3 class="allH">主题推荐</h3>
			<p class="allP">亲子、蜜月、个性玩法...你想要的这里都有</p>
			<div id="themeRecommend">
				<a href="#" class="active">精品小团</a>
				<a href="#">发现城市</a>
				<a href="#">亲子家庭</a>
				<a href="#">情侣蜜月</a>
				<a href="#">血拼购物</a>
				<a href="#">闺蜜同游</a>
				<a href="#">冒险之旅</a>
			</div>
			
		</div>
		<ul>
			<li class="themeLiFirst">
				<a href="#">
					<img src="../images/600x400 (9).jpg">
				</a>
				<div>精品<br/>小团</div>
				<h4>【最世界线路】至美锡兰10天探索之旅——除了...</h4>
				<p><em>9800</em>元起</p>
			</li>
			<li class="themeLi">
				<a href="#">
					<img src="../images/275x185 (33).jpg">
				</a>
				<h4>【City Walk】从大栅栏到杨梅竹斜街-老北京的城南旧事</h4>
				<p><em>88</em>元起</p>
			</li>
			<li  class="themeLi">
				<a href="#">
					<img src="../images/275x185 (34).jpg">
				</a>
				<h4>【City Walk】东京下町的庶民情节-Veronica Walk半日行</h4>
				<p><em>248</em>元起</p>
			</li>
			<li  class="themeLi">
				<a href="#">
					<img src="../images/275x185 (36).jpg">
				</a>
				<h4>【City Walk】"大村庄"里的菜市场-巴塞罗那Xiao Walk半...</h4>
				<p><em>168</em>元起</p>
			</li>
			<li  class="themeLi">
				<a href="#">
					<img src="../images/275x185 (37).jpg">
				</a>
				<h4>【City Walk】四合院里看北京-史家胡同半日行</h4>
				<p><em>88</em>元起</p>
			</li>
			<li  class="themeLi">
				<a href="#">
					<img src="../images/275x185 (39).jpg">
				</a>
				<h4>【City Walk】Anne Walk武康路,老上海风景的缩影</h4>
				<p><em>88</em>元起</p>
			</li>
			<li class="themeLiLast">
				<p class="themeP">查看更多<br/>主题推荐产品</p>
				<span class="themeSpan"></span>
				<a href="#" class="themeA">亲子</a>&nbsp;&nbsp;|
				<a href="#" class="themeA">情侣</a>&nbsp;&nbsp;|
				<a href="#" class="themeA">海岛游</a>&nbsp;&nbsp;|
				<a href="#" class="themeA">购物</a>&nbsp;&nbsp;
			</li>
		</ul>
	</div>
	<!-- 导入页脚 -->
	<div id="linkFooter"></div>

	<!-- 右侧浮动条 -->
	<div id="float">
		<div id="flTop">
			<div id="bookDiv">
				<a class="bD1"></a>
				<a class="bD2">我的<br/>订单</a>
			</div>
		</div>
		<div id="flBottom">
			<div id="saveDiv">
				<a class="sD1"></a>
				<a class="sD2">我的<br/>收藏</a>
			</div>
		</div>
	</div>
	<!-- 回到顶部 -->
	<div id="toTop"></div>

	<!-- 新浪腾讯注册登录条 -->
	<div id="loginBox">
		<div id="close"></div>
		<div id="login">
			<a href="#">
				<img src="//static.qyer.com/upload/banner/2016/09/1473230153/big_img.png">
			</a>
			<button id="twitter"></button>
			<button id="tencent"></button>
			<span>
				<a href="#">登录</a> 或
			</span>
			<button id="logout"></button>
		</div>	
	</div>
</body>
	<script type="text/javascript" src="../javascripts/homepage.js"></script>
</html>